<style>
</style>
<template>
    <ly-page>
        <ly-navi title="数字"></ly-navi>
        <ly-page-content>
            <!--<div style="height: 20px"></div>-->
            <el-divider content-position="left">格式化</el-divider>
            <ly-number v-model="count" ></ly-number>
                <ly-code-view>
                    <pre v-pre="">
 <ly-number v-model="count" ></ly-number>
                    </pre>
                </ly-code-view>
            <el-divider content-position="left">前缀</el-divider>
            <ly-number v-model="count" prefix="¥" ></ly-number>
            <ly-code-view>
                    <pre v-pre="">
<ly-number v-model="count" prefix="¥" ></ly-number>
                    </pre>
            </ly-code-view>
            <el-divider content-position="left">动画</el-divider>
            <ly-number v-model="count" :auto="true" ></ly-number>
            <ly-code-view>
                    <pre v-pre="">
<ly-number v-model="count" :auto="true" ></ly-number>
                    </pre>
            </ly-code-view>
            <el-divider content-position="left">趋势</el-divider>
            <ly-number v-model="count" :auto="true" :trend="true" :up="true"> </ly-number>
            <ly-code-view>
                    <pre v-pre="">
<ly-number v-model="count" :auto="true" :trend="true" :up="true"> </ly-number>
                    </pre>
            </ly-code-view>

            <ly-markdown>
              <pre v-pre>
## `ly-number`

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  v-model | 绑定的值	  |string,int |—	|0|
|  auto | 自动动画	  |boolean |-	|false|
|  trend | 显示趋势	 |boolean |-	|false	|
|  up | 趋势向上	  |boolean |—	|false	|
|  prefix | 前缀	  |string |—	|-	|

                  </pre>
            </ly-markdown>
        </ly-page-content>

    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    count: 1235

                }
            },
            mounted: function () {
//
            },
            methods: {}
        }
    })
</script>